<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品与服务</title>
    <meta name="keywords" content="大包科技">
    <meta name="description" content="大包科技">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link type="text/css" rel="stylesheet" href="./static/css/swiper.min.css">
    <link type="text/css" rel="stylesheet" href="./static/css/animate.css">
    <link type="text/css" rel="stylesheet" href="./static/css/basic.css?v=1.0">
    <script type="text/javascript" src="./static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/TweenMax.min.js"></script>
    <script type="text/javascript" src="./static/js/back.js"></script>
    <script type="text/javascript" src="./static/js/common.js"></script>
</head>
<body>
    <div class="bodyWrap">
        <div class='header'>
            <div class="header-content display_flex space_between align_center">
                <a class="logo-wrapper" href="./index.html">
                    <img class="logo" src="./static/images/logo.png" alt="logo">
                </a>
                <div class="header-nav display_flex space_between">
                    <a href="index.html">首&nbsp;&nbsp;页</a>
                    <a href="production.html" class="active">产品与服务</a>
                    <a href="solution.html">解决方案</a>
                    <a href="dynamicInfo.html" class="dynamicInfo">资讯动态</a>
                    <a href="aboutUs.html" class="aboutUs">关于大包</a>
                    <a href="contactUs.html">联系我们</a>
                </div>
                <div class="nav-list" id="aboutUs">
                    <a href="aboutUs.html?index=0">公司简介</a>
                    <a href="aboutUs.html?index=1">公司愿景</a>
                    <a href="aboutUs.html?index=2">招贤纳士</a>
                    <a href="aboutUs.html?index=3">JOB意义</a>
                </div>
                <div class="nav-list" id="dynamicInfo">
                    <a href="dynamicInfo.html?index=0">行业动态</a>
                    <a href="dynamicInfo.html?index=1">政策法规</a>
                </div>
            </div>
        </div>
        <div id="content">
            <a href="#" class="banner-wrapper">
                <img src="./static/images/banner_product_01.png" alt="banner">
            </a>
            <div class="bgc_fff" id="information">
                <div class="container display_flex space_between">
                    <div class="platform-wrapper">
                        <h5 class="common-title">  人力资源信息化解决服务商</h5>
                        <p class="description over-4 col_666"> 大包HR职信平台基于企业人力资源管理发展而创新的产物，为企业提供全面的人力资源管理解决方案；涵盖了对员工在企业的任职工作全过程的管理。帮助企业以最小的成本，实现收益最大化，为企业和员工赋能。软件的高效管理让企业的人力资源管理高效运转，真正的实现人力资源大数据。</p>
                        <a href="detail.html" class="checkDetail_btn" style="margin-top: 40px;">查看详情</a>
                    </div>
                    <img class="platform_bg" src="./static/images/product_bg_01.png" alt="">
                </div>
            </div>
            <div class="bgc_f5f5f5" id="outsourcing">
                <div class="container">
                    <h5 class="common-title center-title border_bottom_fafafa">精细化软件外包服务</h5>
                    <p class="description col_a4a4a4 text_center" style="width: 1060px;">我们本着“服务提升价值”的服务理念，以雄厚的技术团队,丰富的软件服务外包经验,为您提供精细化的软件外包服务定制开发,为合作伙伴创造更大的价值，我们服务包含：移动端软件定制开发、物联网软件定制开发、应用系统软件开发，人力资源服务平台等</p>
                    <div class="service-info-con">
                        <ul class="service-info-list">
                            <li class="current">
                                <div class="opcityandPic">
                                    <a href="">
                                        <img src="./static/images/product_pic_01.png" class="img" alt=""/>
                                        <div class="opacity60"></div>
                                        <div class="titlH">
                                            <span>移动端软件定制开发</span>
                                            <p>小程序开发、公众号开发、Android、IOS系统和html5 app应用等定制开发</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="icon"><img src="./static/images/product_icon_01.png" alt=""></div>
                            </li>
                            <li>
                                <div class="opcityandPic">
                                    <a href="">
                                        <img src="./static/images/product_pic_02.png" class="img" alt=""/>
                                        <div class="opacity60"></div>
                                        <div class="titlH">
                                            <span>物联网软件定制开发</span>
                                            <p>大包科技积极推进物联网与行业发展融合，培育数字感知中国建设的新动能。“物联+智联+数联”推动智慧物联建设，力占领市场制高点。</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="icon"><img src="./static/images/product_icon_02.png" alt=""></div>
                            </li>
                            <li>
                                <div class="opcityandPic">
                                    <a href="">
                                        <img src="./static/images/product_pic_03.png" class="img" alt=""/>
                                        <div class="opacity60"></div>
                                        <div class="titlH">
                                            <span>应用系统软件开发</span>
                                            <p>电商平台开发、供应链管理系统、企业级大数据系统等软件应用系统开发服务</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="icon"><img src="./static/images/product_icon_03.png" alt=""></div>
                            </li>
                            <li>
                                <div class="opcityandPic">
                                    <a href="">
                                        <img src="./static/images/product_pic_04.png" class="img" alt=""/>
                                        <div class="opacity60"></div>
                                        <div class="titlH">
                                            <span>人力资源服务平台 </span>
                                            <p>大包人力资源职信平台采用SMS构建，提升企业人力大数据管理思维，优化人力成本，使用企业长远发展赋能。</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="icon"><img src="./static/images/product_icon_04.png" alt=""></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bgc_fff" id="talent">
                <div class="container">
                    <h5 class="common-title center-title border_bottom_fafafa">人才驻场服务</h5>
                    <p class="description col_a4a4a4 text_center" style="width: 1060px;">帮你摆脱人才招聘解决解决：临时及用工需求，提供专业开发人员/团队，打破公司人员编制的限制，节省企业用工及项目成本，提供整套团队建设方案，严格把关，提高项目开发成功率，无论您是需要单个IT专业人士或专业团队，外包超人的外包服务满足您在人员调配上的灵活需求。</p>
                    <div class="display_flex align_center space_between" style="margin-top: 30px;">
                        <ul class="personnel-list">
                            <li>
                                <div class="personnel-item-desc">
                                    <span>低成本</span>
                                    <p>及时沟通双方需求，合理调配人力资源，优化资源配置，在最大程度上降低项目成本，保障客户利益。</p>
                                </div>
                                <span class="personnel-icon personnel-icon-one"></span>
                            </li>
                            <li>
                                <div class="personnel-item-desc">
                                    <span>低人员流失</span>
                                    <p>深入了解客户的业务需求，推荐最合适人才的同时，为客户管理人资招聘和业务培训，及时预防人力资源流失。</p>
                                </div>
                                <span class="personnel-icon personnel-icon-two"></span>
                            </li>
                            <li>
                                <div class="personnel-item-desc">
                                    <span>无缝融合</span>
                                    <p>先分析了解客户业务需求，后为其定制最优外包方案。我们一直坚守的工作原则，帮我们实现人力资源配置与客户业务流程之间无缝融合。</p>
                                </div>
                                <span class="personnel-icon personnel-icon-three"></span>
                            </li>
                        </ul>
                        <img class="personnel-img" src="./static/images/product_pic_05.png">
                        <ul class="personnel-list">
                            <li>
                                <span class="personnel-icon personnel-icon-four"></span>
                                <div class="personnel-item-desc">
                                    <span>服务专注</span>
                                    <p>我们只提供IT行业技能方面的外包。拥有十多年行业经验，使我们在IT行业人才外包上有着得天独厚的优势。</p>
                                </div>
                            </li>
                            <li>
                                <span class="personnel-icon personnel-icon-five"></span>
                                <div class="personnel-item-desc">
                                    <span>技能专注专业方向</span>
                                    <p>我们的人才外包服务IT行业技能。包括：Java、Android、IOS、web前端、UI、数据库设计等。</p>
                                </div>
                            </li>
                            <li>
                                <span class="personnel-icon personnel-icon-six" ></span>
                                <div class="personnel-item-desc">
                                    <span>严控过程</span>
                                    <p>提高项目开发成功率，所有服务产品严格按照软件质量管理程序，流程化的管理提高客户的满意度。</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <iframe class="display_block" id="footerBox" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
                    SCROLLING=no src='./foot.htm' width="100%"></iframe>
        </div>
    </div>
    <script type="text/javascript">
        function getfivemodule(picW, picH) {
            var height = picH * 1000 * 0.29 / picW;
            var cur_height = picH * 1000 * 0.3261 / picW;
            var marginTop = -height / 2;
            var marginTop_cur = -cur_height / 2;
            return [height, marginTop, cur_height, marginTop_cur];
        }
        morenC = getfivemodule(290,378);
        TweenMax.to(".service-info-con ul li",0,{width:'290px'});
        TweenMax.to(".service-info-con ul li .opcityandPic",0.,{marginTop:morenC[1],height:morenC[0]});
        TweenMax.to(".service-info-con ul li.current",0,{width:'330px'});
        TweenMax.to(".service-info-con ul li.current .opcityandPic",0,{marginTop:morenC[3],height:morenC[2]});
        $(".service-info-con ul li").hover(function(){
            $(".service-info-con ul li").removeClass('current');
            $(this).addClass('current');
            TweenMax.to(".service-info-con ul li",0.3,{width:'290px'});
            TweenMax.to(".service-info-con ul li .opcityandPic",0.3,{marginTop:morenC[1],height:morenC[0]});
            TweenMax.to(".service-info-con ul li.current",0.3,{width:'330px'});
            TweenMax.to(".service-info-con ul li.current .opcityandPic",0.3,{marginTop:morenC[3],height:morenC[2]});
        },function(){

        });
    </script>
</body>
</html>